<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="hmg.common.ValueHolder"%>
<%@ page import="hmg.vo.BoardVO"%>
<%@ page import="java.util.List"%>
<%--
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author Kim hyung soo
    since 2012. 8. 23.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 23.     Kim hyung soo     최초 생성
--%>
<%
    List<BoardVO> vodList = (List<BoardVO>) request.getAttribute("VodList");
    List<BoardVO> photoList = (List<BoardVO>) request.getAttribute("PhotoList");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>갤러리 서브메인 | 현대자동차그룹</title>
<meta name="description" content="현대자동차그룹 홍보, 핵심가치, 사회공헌, TV광고, 신문광고, 사진 맟 계열사 사보, 글로벌 성장사 소개" />
<meta name="keywords" content="현대자동차그룹 미디어갤러리, 미디어갤러리, 미디어, 갤러리" />
<%@ include file="/WEB-INF/jsp/web/kor/include/header.jspf" %>
<script type="text/javascript" src="/hmg/js/web/kor/com/jquery.easing.1.3.js"></script>
</head>
<body>
    <!--wrap-->
    <div id="wrap">
        <!-- skip navigation -->
        <div id="skipnavition">
            <a href="#gnb">메뉴바로가기</a><a href="#content">본문바로가기</a>
        </div>
        <!--// skip navigation -->

        <hr />

        <!-- header-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/left.jspf" %>
        <!--//header-->

        <hr />

        <!--container-->
        <div id="container">
            <div class="scroll-pane">
                <!-- 공통 -->
                <div class="subTitle">
                    <div class="pageTitle">
                        <h2><img src="/hmg/images/web/kor/title/mgr_subMain.gif" alt="갤러리" /></h2>
                        <p class="subCopy"><img src="/hmg/images/web/kor/title/mgr_subMain_desc.gif" alt="영상과 사진으로 만나는 현대자동차그룹" /></p>
                    </div>

                    <div class="pageLocation">
                        <ul>
                            <li><a href="/hmg/web/kor/Main.do"><img src="/hmg/images/web/kor/common/location_home.gif" alt="홈"/></a></li>
                            <li class="nowPage"><a href="/hmg/web/kor/mgr/GallerySubMain.do">갤러리</a></li>
                        </ul>
                    </div>
                </div>
                <!--//공통-->

                <!--contents-->
                <div id="content">
                    <!-- 내용 -->
                    <div class="mgr_subMain">
                        <p class="mainVisual"><img src="/hmg/images/web/kor/mgr/submain/subMain_img01.jpg" alt="현대자동차그룹의 생생한 영상과 사진을 만나 보실 수 있습니다." /></p>
                        <div class="subMain_contents">
                            <div class="pic_gallery">
                                <h3><img src="/hmg/images/web/kor/mgr/submain/subMain_title02.gif" alt="사진갤러리" /></h3>
<%
    for (int idx = 0; idx < photoList.size(); idx++) {
        BoardVO photo = photoList.get(idx);

        if (idx + 1 < photoList.size())
            out.println("                                <dl>");
        else
            out.println("                                <dl class=\"last\">");
%>
                                    <dt><a href="/hmg/web/kor/mgr/pht/PhotoList.do?listID=<%= photo.getListID() %>&compType=0"><%= photo.getCompName() %></a></dt>
                                    <dd class="text" style="width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"><a href="/hmg/web/kor/mgr/pht/PhotoList.do?listID=<%= photo.getListID() %>&compType=0"><%= photo.getTitle() %></a></dd>
                                    <dd class="image"><a href="/hmg/web/kor/mgr/pht/PhotoList.do?listID=<%= photo.getListID() %>&compType=0"><img src="<%= photo.getThumbnailImage() %>" style="width:153px; height:153px;" alt="" /></a></dd>
                                </dl>
<%  } %>
                                <p class="moreView"><a href="/hmg/web/kor/mgr/pht/PhotoList.do"><img src="/hmg/images/web/kor/common/btn_more_submain.gif" alt="게시물 보기" /></a></p>
                            </div>

                            <div class="vod_gallery">
                                <h3><img src="/hmg/images/web/kor/mgr/submain/subMain_title01.gif" alt="영상갤러리" /></h3>
<%
    for (int idx = 0; idx < vodList.size(); idx++) {
        BoardVO vod = vodList.get(idx);

        if (idx + 1 < vodList.size())
            out.println("                                <dl>");
        else
            out.println("                                <dl class=\"last\">");
%>
                                    <dt class="text" style="width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"><a href="/hmg/web/kor/mgr/vod/VodList.do?listID=<%= vod.getListID() %>&compType=0"><%= vod.getTitle() %></a></dt>
                                    <dd class="image">
                                        <a href="/hmg/web/kor/mgr/vod/VodList.do?listID=<%= vod.getListID() %>&compType=0" class="playBg" ><span class="hidden">PLAY</span></a>
                                        <a href="/hmg/web/kor/mgr/vod/VodList.do?listID=<%= vod.getListID() %>&compType=0"><img src="<%= vod.getThumbnailImage() %>" style="width:153px; height:153px;" alt="" /></a>
                                    </dd>
                                </dl>
<%  } %>
                                <p class="moreView"><a href="/hmg/web/kor/mgr/vod/VodList.do"><img src="/hmg/images/web/kor/common/btn_more_submain.gif" alt="게시물 보기" /></a></p>
                            </div>

                            <div class="storyWrap">
                                <div class="left">
                                    <p><a href="/hmg/web/kor/mgr/grs/GlobalStory.do"><img src="/hmg/images/web/kor/mgr/submain/subMain-growth.jpg" alt="글로벌 성장사 쇳물에서 자동차까지, 현대자동차그룹 성장 역사" /></a></p>
                                </div>
                                <div class="right">
                                    <p><a href="/hmg/web/kor/mgr/mgz/CompanyMagazine.do"><img src="/hmg/images/web/kor/mgr/submain/subMain-magazine.jpg" alt="계열사 사보 다양한 사보를 통해 고객에게 한걸음 더 다가갑니다." /></a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--// 내용 -->
                </div>
                <!--//contents-->
            </div>
        </div>
        <!--//container-->

        <hr />

        <!--footer-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/footer.jspf" %>
        <!--//footer-->
        <hr />
        <!--notice-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/notice.jspf" %>
        <!--//notice-->
    </div>
    <!--//wrap-->
</body>
</html>